{% extends "base.html" %}

{% block title %}商职表白墙-注册{% endblock %}
{% block link %}rel="shortcut icon" href="../static/images/icon/register.png" type="image/x-icon"{% endblock %}

{% block head %}
    <script src="{{ url_for('static', filename='jquery/jquery.3.6.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/register.js') }}"></script>
{% endblock %}

{% block body %}
    <div class="row mt-4">
            <div class="col"></div>
            <div class="col" style="margin-top: 110px;">
                <form method="POST">
                    <div class="form-group">
                        <label for="exampleInputEmail1">QQ邮箱</label>
                        <input type="email" class="form-control mr-sm-2" placeholder="你的QQ号+@qq.com" id="exampleInputEmail1" aria-describedby="emailHelp" name="email">
                        <small id="emailHelp" class="form-text text-muted">我不会把邮箱用于其他用户</small>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">验证码</label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="captcha">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" id="captcha-btn">获取验证码</button>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">用户名</label>
                        <input type="text" class="form-control mr-sm-2" placeholder="支持中文 最少一个字" name="username">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">密码</label>
                        <input type="password" class="form-control mr-sm-2" placeholder="最少6位数字或者字母" id="exampleInputPassword1" name="password">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">确认密码</label>
                        <input type="password" class="form-control" name="password_confirm">
                    </div>
                    <button type="submit" class="btn btn-primary btn-block">注册</button>
                </form>
            </div>
            <div class="col"></div>
        </div>
{% endblock %}